<!--
 * @Date: 2023-02-20 17:03:18
 * @LastEditors: mengqingchen mengqc1995@163.com
 * @LastEditTime: 2023-04-11 11:22:35
 * @FilePath: \sososn-web-new\src\views\customerCase\details\index.vue
-->
<template>
  <div class="customerCase">
    <div
      class="customerCase-header flex-col"
      :style="{ background: `url(${imgUrl}) no-repeat`, 'background-size': '100% 100%' }"
    >
      <p class="text-title">{{ pageObject.bannerTitle }}</p>
    </div>
    <div class="customerCase-wapper">
      <div class="group1 flex-col">
        <p class="group1-title" data-aos="fade-up">企业简介</p>
        <div class="group1-content flex-row">
          <p class="text-content" data-aos="fade-up" data-aos-delay="500">
            武安市新峰水泥有限责任公司成立于2001年9月12日，位于河北省武安市。新峰水泥有限责任公司是一家致力于发展循环经济的大型企业，主营业务包括熟料、水泥和电力生产。公司注册资金2.9亿，固定资产20亿，现有员工1600余人，其中中高级技术人员230余人。公司为“河北省首批循环经济试点企业”、“河北省著名商标企业”，产品荣获“河北省名牌产品”等称号。
          </p>
          <img class="image-box" :src="pageObject.enterpriseLogo" data-aos="fade-up" />
        </div>
      </div>
      <div class="group2 flex-col items-center">
        <p class="group2-title" data-aos="fade-up">业务痛点</p>
        <p class="group2-text" data-aos="fade-up" data-aos-delay="500">
          新峰作为武安市水泥行业的龙头企业，在面对传统企业数字化转型，实现以数据化驱动产业发展，而随着信息化程度的不断增长，在数据管理、应用、分析等需求问题上，面临着如下挑战
        </p>
        <ul class="text-list flex-row" data-aos="fade-up" data-aos-delay="700">
          <li>
            <el-image class="text-bg" :src="$getAssetsImages('num1.png')" />
            <span
              >随着企业信息化程度的加深，数据来源和数据结构更为多样，数据处理方式无法满足各个场景下的应用与分析需求，需要持续提升数据采集、存储与计算能力</span
            >
          </li>
          <li>
            <el-image class="text-bg" :src="$getAssetsImages('num2.png')" />
            <span
              >企业已上线信息化软件标准不统一，导致数据无法融合应用，需保证数据来源、计算口径的一致性，保证数据逻辑的准确性，提升数据的管理能力和数据质量</span
            >
          </li>
          <li>
            <el-image class="text-bg" :src="$getAssetsImages('num3.png')" />
            <span
              >需要统一数据获取接口。可以便捷地获取应用所需数据，降低数据分析门槛，降低开发和维护成本，消除数据孤岛</span
            >
          </li>
          <li>
            <el-image class="text-bg" :src="$getAssetsImages('num4.png')" />
            <span data-aos="fade-up" data-aos-delay="1000"
              >数据价值没得到充分利用。建立更加灵活、便捷的可视化分析平台，提高数据分析自主性，增强数据分析效率，提高数据价值贡献，增强自主分析能力</span
            >
          </li>
        </ul>
      </div>
      <div class="group3 flex-col items-center">
        <p class="group3-title" data-aos="fade-up">解决方案</p>
        <div class="group3-content flex-row">
          <el-image
            :src="$getAssetsImages('liucheng.png')"
            class="group3-image"
            data-aos="fade-up"
            data-aos-delay="800"
          />
          <div class="text-content">
            <p class="text1" data-aos="fade-up" data-aos-delay="500">
              快速搭建水泥行业数据中台，覆盖了大规模数据存储计算、数据集成、应用开发及数据管理等企业大数据应用场景，全链路操作，极大降低平台开发与运维成本，企业可以根据自身特点定制应用开发，更贴近业务需求。
            </p>
            <div class="line"></div>
            <ul class="text-items flex-col">
              <li data-aos="fade-up" data-aos-delay="600">
                (1）支撑数据应用与创新：集中采集、存储与管理企业内外部数据，连通数据，消除数据孤岛，保障数据准确性，数据及时性，平台稳定性，降低大数据开发与管理的难度，支撑前端数据应用的快速创新；
              </li>
              <li data-aos="fade-up" data-aos-delay="700">
                (2）建设数字化运营能力，提升决策效率：通过业务梳理、规范统一指标，建设数字化生产管理体系，并构建了产品生产、库存管理、在线交易、合同管理等数据应用，为提升日常运营管理效率、业务优化、辅助决策提供支持；
              </li>
              <li data-aos="fade-up" data-aos-delay="800">
                (3）建设一体化分析能力：通过BI提供的可视化工具，可以灵活进行多维数据关联，构建图、文、表综合分析大屏，揭示数据背后的业务规律，从而实现数据驱动价值。
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="group4 flex-col items-center">
        <p class="group4-title" data-aos="fade-up">应用价值</p>
        <ul class="card-items flex-row" data-aos="fade-up" data-aos-delay="500">
          <li>
            <span
              >统一了数据来源，集中采集、存储和管理企业内外部数据，连通各业务模块数据，消除信息孤岛，保障指标准确统一、数据计算实时、稳定，降低大数据开发与管理难度</span
            >
          </li>
          <li>
            <span
              >为企业构建起了数据仓库，建设覆盖财务、采购、在线交易、无人值守系统等各产业全流程的经营分析体系，提供数据监控、预警和决策支持</span
            >
          </li>
          <li>
            <span
              >通过实时大屏、看板、报表为企业不同角色的人员提供数据，满足从总裁到部门经理、业务线人员等各层级的日常经营管理数据分析需求，轻松掌握企业经营状况</span
            >
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script setup>
import { xinfeng, guoneng, huaru } from './js/useObject'

import { useRoute } from 'vue-router'

const route = useRoute()

const getData = flag => {
  const obj = {
    xinfeng,
    guoneng,
    huaru
  }
  return obj[flag]
}
const pageObject = getData(route.params.details)

const $getAssetsImages = inject('$getAssetsImages')
const imgUrl = $getAssetsImages('customerCase.png')
</script>
<style lang="scss" scoped>
/* @use ''; 引入css类 */
@use '../scss/details.scss';
</style>
